<script lang="jsx" setup>
import { nextTick, ref } from 'vue';
import { FileExcelOutlined, FolderViewOutlined } from '@ant-design/icons-vue';
import { UUID } from 'uuidjs';
import { useElementSize } from '@vueuse/core';
import useResetTableRef from '@/hooks/common/resetTableRef';
import { get } from '@/service/api/api';

const commonSearchRef = ref(null);
const [searchParams, retSearchParams] = useResetTableRef({
  moduleNo: null
});
const formList = [
  {
    type: 'input',
    key: 'moduleNo',
    label: '生产型号',
    span: 16,
    placeholder: '请输入生产型号',
    showTime: true
  }
];

const leftTableRef = ref(null);
const leftColumn = [
  {
    key: 'dataIndex',
    dataIndex: 'dataIndex',
    title: '序号',
    width: 50,
    align: 'center',
    checked: true,
    ellipsis: true
  },
  {
    key: 'moduleNo',
    dataIndex: 'moduleNo',
    title: '生产型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    customRender: ({ record }) => {
      return <span class="fonw-800 color-#646cff">{record.moduleNo}</span>;
    }
  },
  {
    key: 'peType',
    dataIndex: 'peType',
    title: '板类型',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 80
  },
  {
    key: 'custProdNo',
    dataIndex: 'custProdNo',
    title: '客户型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 130
  }
];

const checked = ref(true);

const rightTableRef = ref(null);
const rightSearchParams = ref({});
// const rightColumn = [
//   {
//     key: 'dataIndex',
//     dataIndex: 'dataIndex',
//     title: '序号',
//     width: 60,
//     align: 'center',
//     checked: true,
//     ellipsis: true
//   },
//   {
//     key: 'techName',
//     dataIndex: 'techName',
//     title: '工艺名称',
//     align: 'center',
//     checked: true,
//     ellipsis: true
//   },
//   {
//     key: 'pcsNum',
//     dataIndex: 'pcsNum',
//     title: 'PCS数',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.pcsNum - b.pcsNum
//   },
//   {
//     key: 'setNum',
//     dataIndex: 'setNum',
//     title: 'Set数',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.setNum - b.setNum
//   },
//   {
//     key: 'panlNum',
//     dataIndex: 'panlNum',
//     title: 'Panl数',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.panlNum - b.panlNum
//   },
//   {
//     key: 'wfPcsNum',
//     dataIndex: 'wfPcsNum',
//     title: '外发数(Pcs)',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     width: 113,
//     sorter: (a, b) => a.wfPcsNum - b.wfPcsNum
//   },
//   {
//     key: 'wfPanlNum',
//     dataIndex: 'wfPanlNum',
//     title: '外发数(Panl)',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     width: 118,
//     sorter: (a, b) => a.wfPanlNum - b.wfPanlNum
//   },
//   {
//     key: 'suspendWip',
//     dataIndex: 'suspendWip',
//     title: '暂缓WIP',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     width: 90,
//     sorter: (a, b) => a.suspendWip - b.suspendWip
//   },
//   {
//     key: 'stopWip',
//     dataIndex: 'stopWip',
//     title: '暂停WIP',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     width: 90,
//     sorter: (a, b) => a.stopWip - b.stopWip
//   },
//   {
//     key: 'reworkPcs',
//     dataIndex: 'reworkPcs',
//     title: '返工PCS',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     width: 90,
//     sorter: (a, b) => a.reworkPcs - b.reworkPcs
//   },
//   {
//     key: 'wasteS',
//     dataIndex: 'wasteS',
//     title: '废S',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.wasteS - b.wasteS
//   },
//   {
//     key: 'wasteU',
//     dataIndex: 'wasteU',
//     title: '废U',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.wasteU - b.wasteU
//   },
//   {
//     key: 'project',
//     dataIndex: 'project',
//     title: '计划',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.project - b.project
//   },
//   {
//     key: 'debanding',
//     dataIndex: 'debanding',
//     title: '出板',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.debanding - b.debanding
//   },
//   {
//     key: 'underbalance',
//     dataIndex: 'underbalance',
//     title: '欠数',
//     align: 'center',
//     checked: true,
//     ellipsis: true,
//     sorter: (a, b) => a.underbalance - b.underbalance
//   }
// ];

const rightColumn = [
  {
    key: 'dataIndex',
    dataIndex: 'dataIndex',
    title: '序号',
    width: 70,
    align: 'center',
    checked: true,
    ellipsis: true
  },
  // {
  //   key: 'deptCaption',
  //   dataIndex: 'deptCaption',
  //   title: '工序名称',
  //   width: 120,
  //   align: 'center',
  //   checked: true,
  //   ellipsis: true
  // },
  {
    key: 'techName',
    dataIndex: 'techName',
    title: '工艺名称',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'repeatCount',
    dataIndex: 'repeatCount',
    title: '工步',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wipPnlQty',
    dataIndex: 'wipPnlQty',
    title: 'PNL结存',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wipSetQty',
    dataIndex: 'wipSetQty',
    title: 'SET结存',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wipscrapSet',
    dataIndex: 'wipscrapSet',
    title: '含废SET',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wipscrapPcs',
    dataIndex: 'wipscrapPcs',
    title: '含废PCS',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wippcsQty',
    dataIndex: 'wippcsQty',
    title: '有效PCS',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'applyScrapQty',
    dataIndex: 'applyScrapQty',
    title: '报废申请',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'applyReworkQty',
    dataIndex: 'applyReworkQty',
    title: '重工申请',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'assitQty',
    dataIndex: 'assitQty',
    title: '外发数',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'holdPcsQty',
    dataIndex: 'holdPcsQty',
    title: '暂停PCS数',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'iqcPcsQty',
    dataIndex: 'iqcPcsQty',
    title: 'IQC数量',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'delayDate',
    dataIndex: 'delayDate',
    title: '结存小时',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  }

  // { header: "结存小时", dataIndex: 'delayDate', renderer: function (v) { if (v) return Ext.util.Format.number(v, '0.00') }, width: 60, sortable: false }
];

const topCardRef = ref(null);
const { height } = useElementSize(topCardRef);

function search() {
  leftTableRef.value.getData();
}

function reset() {
  retSearchParams();
  search();
}

const rightDataSource = ref([]);
const rightTopData = ref({
  totalQty: null, // 有效单元
  unitArea: null, // 单元面积
  totalArea: null, // 有效面积
  pnlArea: null, // pnl面积
  endOfLife: null, // 报废特性
  pnlSet: null, // pnlSet
  setPcs: null // setPcs
});
const rightLoading = ref(false);

const rightBottomColumn = [
  {
    key: 'dataIndex',
    dataIndex: 'dataIndex',
    title: '序号',
    width: 70,
    align: 'center',
    checked: true,
    ellipsis: true
  },
  {
    key: 'wipState',
    dataIndex: 'wipState',
    title: '结存状态',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'barCode',
    dataIndex: 'barCode',
    title: '批卡号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'prodOrderNo',
    dataIndex: 'prodOrderNo',
    title: '工单号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'custDateCode',
    dataIndex: 'custDateCode',
    title: '客户周期',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'dateCode',
    dataIndex: 'dateCode',
    title: '厂内周期',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'wipUnit',
    dataIndex: 'wipUnit',
    title: '结存单位',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wipQty',
    dataIndex: 'wipQty',
    title: '结存数量',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wipScrapSet',
    dataIndex: 'wipScrapSet',
    title: '结存报废SET',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'wipScrapPcs',
    dataIndex: 'wipScrapPcs',
    title: '结存报废PCS',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'outUnit',
    dataIndex: 'outUnit',
    title: '出账单位',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'outQty',
    dataIndex: 'outQty',
    title: '出账数',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'outScrapSet',
    dataIndex: 'outScrapSet',
    title: '出账报废SET',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'outScrapPcs',
    dataIndex: 'outScrapPcs',
    title: '出账报废PCS',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'workingQty',
    dataIndex: 'workingQty',
    title: '在产数量',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'finishQty',
    dataIndex: 'finishQty',
    title: '完成数量',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'workDate',
    dataIndex: 'workDate',
    title: '生产时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'finishDate',
    dataIndex: 'finishDate',
    title: '完成时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'scrapUnit',
    dataIndex: 'scrapUnit',
    title: '申请单位',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'scrapQty',
    dataIndex: 'scrapQty',
    title: '申请数量',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'inDate',
    dataIndex: 'inDate',
    title: '入账时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'workDays',
    dataIndex: 'workDays',
    title: '生产时长',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'qty',
    dataIndex: 'qty',
    title: '批卡数量',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'unit',
    dataIndex: 'unit',
    title: '批卡单位',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'weight',
    dataIndex: 'weight',
    title: '单重',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'createBy',
    dataIndex: 'createBy',
    title: '入账员',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  }
];

function handleLeftTableRowClick(row) {
  rightLoading.value = true;
  get('/erpsyncmes/wip/selectWipPubtechnology', {
    prodId: row.prodId
  })
    .then(({ data, error }) => {
      if (!error) {
        rightTopData.value = data;
        data.pubtechnology.forEach((item, index) => {
          item.dataIndex = index + 1;
          item.tableUuid = UUID.genV4().hexNoDelim;
        });
        rightDataSource.value = data.pubtechnology;
      } else {
        rightTopData.value = null;
        rightDataSource.value = [];
      }
    })
    .finally(() => {
      rightLoading.value = false;
    });
}

const rightBottomTableRef = ref(null);
const rightBottomSearchParams = ref({
  prodId: null,
  techId: null
});
function handleRightTableRowClick(row) {
  rightBottomSearchParams.value = {
    prodId: row.prodId,
    techId: row.techId
  };
  nextTick(() => {
    rightBottomTableRef.value.getData();
  });
}

// { xtype: 'rownumberer', header: '序号', width: 30, autoScroll: true },
// { header: "结存状态", dataIndex: 'wipstate', width: 80, sortable: true },
// { header: "批卡号", dataIndex: 'barCode', width: 180, sortable: true },
// { header: "工单号", dataIndex: 'prodOrderNo', width: 180, sortable: true },
// { header: "客户周期", dataIndex: 'custDateCode', width: 180, sortable: true },
// { header: "厂内周期", dataIndex: 'dateCode', width: 180, sortable: true },
// { header: "结存单位", dataIndex: 'wipunit', width: 120, sortable: true },
// { header: "结存数量", dataIndex: 'wipqty', width: 120, sortable: true },
// { header: "结存报废SET", dataIndex: 'wipscrapSet', width: 120, sortable: true },
// { header: "结存报废PCS", dataIndex: 'wipscrapPcs', width: 120, sortable: true },
// { header: "出账单位", dataIndex: 'outUnit', width: 120, sortable: true },
// { header: "出账数", dataIndex: 'outQty', width: 120, sortable: true },
// { header: "出账报废SET", dataIndex: 'outScrapSet', width: 120, sortable: true },
// { header: "出账报废PCS", dataIndex: 'outScrapPcs', width: 120, sortable: true },
// { header: "在产数量", dataIndex: 'workingQty', width: 120, sortable: true },
// { header: "完成数量", dataIndex: 'finishQty', width: 120, sortable: true },
// { header: "生产时间", dataIndex: 'workDate', width: 120, sortable: true, renderer: DateTimeRender },
// { header: "完成时间", dataIndex: 'finishDate', width: 120, sortable: true, renderer: DateTimeRender },
// { header: "申请单位", dataIndex: 'scrapUnit', width: 120, sortable: true },
// { header: "申请数量", dataIndex: 'scrapQty', width: 120, sortable: true },
// { header: "入账时间", dataIndex: 'inDate', width: 120, sortable: true, renderer: DateTimeRender },
// { header: "生产时长", dataIndex: 'workDays', width: 120, sortable: true },
// { header: "批卡数量", dataIndex: 'qty', width: 120, sortable: true },
// { header: "批卡单位", dataIndex: 'unit', width: 120, sortable: true },
// { header: "单重", dataIndex: 'weight', width: 120, sortable: true },
// { header: "入账员", dataIndex: 'createBy', width: 120, sortable: true }

function handleLeftTableLoadSuccess(data) {
  if (!data?.length) return;
  leftTableRef.value.setCurrentRowId(data[0]);
  nextTick(() => {
    handleLeftTableRowClick(data[0]);
  });
}

function handleRightTableLoadSuccess(data) {
  console.log('data', data);
  if (!data?.length) return;
  rightBottomSearchParams.value = {
    prodId: data[0].prodId,
    techId: data[0].techId
  };
  rightTableRef.value.setCurrentRowId(data[0]);
  nextTick(() => {
    rightBottomTableRef.value.getData();
  });
}
</script>

<template>
  <div class="h-full w-full">
    <div class="h-full w-full flex gap-8px">
      <div class="h-full min-h-500px w-430px flex-col-stretch gap-8px overflow-hidden lt-sm:overflow-auto">
        <CommonSearch
          ref="commonSearchRef"
          v-model:searchParams="searchParams"
          :form-list="formList"
          @search="search"
          @reset="reset"
        ></CommonSearch>
        <Table
          ref="leftTableRef"
          v-model:searchParams="searchParams"
          :column="leftColumn"
          :show-row-selection="false"
          row-key="prodId"
          :scroll="{ y: 'auto' }"
          is-init-get-data
          :auto-generate-uuid="true"
          class="h-full"
          url="/erpsyncmes/Mi/findModuleNo"
          :show-quick-jumper="false"
          @table-row-click="handleLeftTableRowClick"
          @table-data-load-sucess="handleLeftTableLoadSuccess"
        ></Table>
      </div>
      <div class="right-content h-full flex-col-stretch gap-8px overflow-hidden lt-sm:overflow-auto">
        <ACard ref="topCardRef" :body-style="{ padding: '5px' }" class="top-card">
          <div class="content">
            <ADescriptions :title="null" bordered size="small" :column="4" :label-style="{ textAlign: 'center' }">
              <ADescriptionsItem label="有效单元">
                <div class="min-w-100px text-center color-#646cff font-800">{{ rightTopData.totalQty }}</div>
              </ADescriptionsItem>
              <ADescriptionsItem label="单元面积">
                <div class="min-w-100px text-center color-#646cff font-800">{{ rightTopData.unitArea }}</div>
              </ADescriptionsItem>
              <ADescriptionsItem label="有效面积">
                <div class="min-w-100px text-center color-#646cff font-800">{{ rightTopData.totalArea }}</div>
              </ADescriptionsItem>
              <ADescriptionsItem label="pnl面积">
                <div class="min-w-100px text-center color-#646cff font-800">{{ rightTopData.pnlArea }}</div>
              </ADescriptionsItem>
              <ADescriptionsItem label="报废特性">
                <div class="min-w-100px text-center color-#646cff font-800">{{ rightTopData.endOfLife }}</div>
              </ADescriptionsItem>
              <ADescriptionsItem label="PNL/Set">
                <div class="min-w-100px text-center color-#646cff font-800">{{ rightTopData.pnlSet }}</div>
              </ADescriptionsItem>
              <ADescriptionsItem label="SET/PCS">
                <div class="min-w-100px text-center color-#646cff font-800">{{ rightTopData.setPcs }}</div>
              </ADescriptionsItem>

              <!--
 <ADescriptionsItem label="1 Pnl =" :span="1"><div class="text-center">1 Unit</div></ADescriptionsItem>
              <ADescriptionsItem label="1 Pnl =" :span="1"><div class="text-center">1 Set</div></ADescriptionsItem>
              <ADescriptionsItem label="1 Set ="><div class="text-center">1 Unit</div></ADescriptionsItem>
              <ADescriptionsItem label="Pnl毛面积(Sqft)"><div class="text-center">3.43248188</div></ADescriptionsItem>
              <ADescriptionsItem label="单元净面积(Sqft)"><div class="text-center">1.23809146</div></ADescriptionsItem>
              <ADescriptionsItem label="客户型号"><div class="text-center">12通孔-T12TK</div></ADescriptionsItem>
              <ADescriptionsItem label="Pnl净面积(Sqft)"><div class="text-center">1.23809146</div></ADescriptionsItem>
-->
            </ADescriptions>
          </div>
        </ACard>
        <div class="w-full" :style="{ height: `calc(100% - ${height}px)` }">
          <div class="mb-0.5% h-50%">
            <Table
              ref="rightTableRef"
              v-model:searchParams="rightSearchParams"
              :column="rightColumn"
              :show-row-selection="false"
              row-key="tableUuid"
              :data-source="rightDataSource"
              :scroll="{ y: 'auto' }"
              :is-init-get-data="false"
              :loading="rightLoading"
              url="/erpsyncmes/wip/selectWipByProdIdAndTechId"
              :auto-generate-uuid="false"
              class="h-full"
              :is-pagination="false"
              summary-fixed
              @table-row-click="handleRightTableRowClick"
              @table-data-load-sucess="handleRightTableLoadSuccess"
            >
              <template #title>
                <span class="mr15px color-#646cff">WIP结存</span>
                <!--
 <AButton type="primary" class="mini-btn mr-8px" size="small" ghost>
              <template #icon>
                <FolderViewOutlined class="align-sub" />
              </template>
              MI查看
            </AButton>
            <AButton type="primary" class="mini-btn mr-8px" size="small" ghost>
              <template #icon>
                <FileExcelOutlined class="align-sub" />
              </template>
              导出
            </AButton>
            <ASwitch v-model:checked="checked" checked-children="显示有结存工序" un-checked-children="隐藏有结存工序" />
-->
              </template>
              <template #summary>
                <STableSummaryRow>
                  <STableSummaryCell :index="0" :col-span="2" class="text-center color-blue-600 font-bold">
                    本页合计:
                  </STableSummaryCell>

                  <STableSummaryCell :index="2" class="text-center color-blue-600 font-bold"></STableSummaryCell>
                  <STableSummaryCell :index="3" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="4" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="5" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="6" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="7" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="8" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="9" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="10" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="11" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                  <STableSummaryCell :index="12" class="text-center color-blue-600 font-bold">
                    <template #default="{ total }">{{ Number(total) || '' }}</template>
                  </STableSummaryCell>
                </STableSummaryRow>
              </template>
            </Table>
          </div>
          <div class="h-49.5%">
            <Table
              ref="rightBottomTableRef"
              v-model:searchParams="rightBottomSearchParams"
              :column="rightBottomColumn"
              :show-row-selection="false"
              :scroll="{ y: 'auto' }"
              :is-init-get-data="false"
              :loading="rightLoading"
              url="/erpsyncmes/wip/selectWipByProdIdAndTechId"
              :auto-generate-uuid="true"
              class="h-full"
              :is-pagination="false"
              summary-fixed
            ></Table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.right-content {
  width: calc(100% - 438px);
  :deep(.ant-card) {
    &.top-card {
      .ant-card-head {
        min-height: 40px;
      }
    }
  }
  .content {
    :deep(.ant-descriptions) {
      .ant-descriptions-item-label,
      .ant-descriptions-item-content {
        padding: 3px;
      }
    }
  }
}
</style>
